<!DOCTYPE html>
<html lang="en">
  <head>
  <meta http-equiv=Content-Type content="text/html;charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="description" content="日程管理，长期提醒" />

  <!-- 引入 Vue 3 CDN 
    <script src="https://unpkg.com/vue@next"></script>
  -->
  <script src="/static/js/lib/vue.global-3.0.11.js"></script>
  <script src="/static/js/lib/vue-router.global-4.0.6.js"></script>
  <script src="/static/js/lib/axios.min-1.7.2.js"></script>
  <!-- 引入 Axios CDN 
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  -->
  <!-- 引入 Babel CDN（如果需要支持旧浏览器） 
    <script src="https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js"></script>
    -->
    <link rel="stylesheet" type="text/css" href="/static/css/index.css">
    <link rel="stylesheet" type="text/css" href="/static/css/index2.css">

    <title>
      日程管理软件 | dawnTodo.py
    </title>
</head>


<body>
  <div id="app">
    <!-- 导航栏 -->
    <ul id=topNav>

      <b class=logo>
        <a href="#/">
          <!--img src="/favicon.ico"-->
          dawnTodo.py
        </a>
      </b>

      <template v-for="menu in topMenu">
        <li :class="{current: (menu.path!='/' && currentRoute.startsWith(menu.path)) || 
          (menu.path=='/' && currentRoute=='/') }">
          <router-link :to="menu.path">{{menu.caption}}</router-link>
        </li>
      </template>
    </ul>
    
    
    
    <!-- 显示具体页面内容 -->
    <main id="container">     
      <router-view></router-view>
    </main>

    <footer class="footer">
      <p>dawnTodo.py {{version}}</p>
      <p>子在川上曰：“逝者如斯夫，不舍昼夜。”</p>
      <p>Today is {{timestamp.toString()}} | Set up for {{elapse}} days</p>
      <p>Copyright &copy;2024 - present 
    		<a target="_blank" href="https://www.biomooc.com">BioMooc.com</a>. 
    		All Rights Reserved.
        |
        <a target="_blank" href="https://gitee.com/DawnEve/dawnTodo.py">Folk me
          <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"></path></svg>      
        </a>
      </p>
    </footer>

  </div>
    <script type="module" src="./app.vue.js"></script>

</body>
</html>
